﻿@using System.ServiceModel.Channels
@model List<VietTrips.Domain.Models.ResultSearch>

@{
    ViewBag.Title = "resultSearches";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@*--------------header------------------------------------------------*@
@*<div id="page_title">
        <div class="container clearfix">
            <div class="page-name">Kết Quả Tìm Kiếm</div>
            <div class="breadcrumb clearfix">
                    <a href="#">Home</a>
                    <a href="#">Chưa Có</a>
                    <span class="current-page">List Style</span>
                </div>
        </div>
    </div>*@
@*----------------------end header-----------------------------------*@

@*-----------------------body-------------------------------------------*@
<div id="body_wrapper" class="full">
    <div id="content_wrapper">
        <div class="container">
            <div class="row clearfix pv-30 mt-20">
                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="sidebar">
                        <div class="gap10"></div>
                        @*--------- details of search-------------*@
                        <div class="hotel-count">
                            <h5>Chi Tiết Tìm Kiếm</h5>
                            <span><i class="fa-map-marker mi text-warning"></i> &nbsp;Xuất Phát Tại: @ViewData["Place"].ToString()</span>
                            <span><i class="fa-map-marker mi text-warning"></i> &nbsp;Nơi Tham Quan Chính: @ViewData["Area"].ToString()</span>
                            <span><i class="fa-calendar mi text-warning"></i>Hành Trình: @ViewData["Duration"].ToString() Ngày</span>
                            <span><i class="fa-calendar mi text-warning"></i>Ngày Xuất Phát: @ViewData["Time"].ToString()</span>
                            <span><i class="fa-money mi text-warning"></i> @(((double)ViewData["PriceFrom"]).ToString("c0"))  -  @(((double)ViewData["priceTo"]).ToString("c0")) </span>

                            <p class="mt-10"><span>@ViewData["CountRows"].ToString() chuyến đi được tìm thấy</span></p>
                        </div>
                        @*------------ end details of search--------------------*@

                        @*------------ search again--------------------*@
                        <div class="clear" style="height: 5px;"></div>
                        @Html.Partial("_SearhPartial_Advance", ViewData["SearchData"])
                        @*------------ end search again--------------------*@

                        @*-------------search for activity-------------------*@
                        <div class="clear" style="height: 5px;"></div>
                        <div class="another-toggle">
                            <h5 class="active">Tìm Theo Hoạt Động</h5>
                            <div class="another-toggle-inner">
                                <div class="clear mb-10"></div>
                                <form action="#" method="post">
                                    <fieldset>
                                        <div class="styled-checkbox">
                                            <label>
                                                <input type="checkbox" name="amenities" id="amenities1" value="option1" />
                                                Internet
                                                <span class="counting">(436)</span>
                                            </label>
                                        </div>
                                        <div class="styled-checkbox">
                                            <label>
                                                <input type="checkbox" name="amenities" id="amenities2" value="option2" />
                                                Swimming Pool
                                                <span class="counting">(231)</span>
                                            </label>
                                        </div>
                                        <div class="styled-checkbox">
                                            <label>
                                                <input type="checkbox" name="amenities" id="amenities3" value="option3" />
                                                High-Definition TV<span class="counting">(543)</span>
                                            </label>
                                        </div>
                                        <div class="styled-checkbox">
                                            <label>
                                                <input type="checkbox" name="amenities" id="amenities4" value="option4" />
                                                Room Service<span class="counting">(221)</span>
                                            </label>
                                        </div>
                                        <div class="styled-checkbox">
                                            <label>
                                                <input type="checkbox" name="amenities" id="amenities5" value="option5" />
                                                Hot Water<span class="counting">(341)</span>
                                            </label>
                                        </div>
                                        <div class="styled-checkbox">
                                            <label>
                                                <input type="checkbox" name="amenities" id="amenities6" value="option6" />
                                                Limousine<span class="counting">(75)</span>
                                            </label>
                                        </div>
                                    </fieldset>
                                </form>
                            </div><!-- /another-toggle-inner -->
                        </div>
                        <div class="clear" style="height: 5px;"></div>

                        @*--------------------- end search for activiti----------------*@
                    </div>
                </div>

                <div class="gap10"></div>
                <div class="col-xs-12 col-sm-8 col-md-9">
                    @*--------------------sort--------------------------------*@
                    <div class="sort-by-wrapper">
                        <div class="sort-by-text mr-15 xs-mb sm-mb">
                            Sắp Xếp:
                        </div>
                        <div class="sort-option mr-15 xs-mb sm-mb">
                            <select class="form-control">
                                <option selected="" />Tên
                                <option />A tới Z
                                <option />Z tới A
                            </select>
                        </div>
                        <div class="sort-option mr-15 xs-mb sm-mb">
                            <select class="form-control ">
                                <option selected="" />Giá
                                <option />Tăng Dần
                                <option />Giảm Dần
                            </select>
                        </div>
                        <div class="sort-option mr-15 xs-mb sm-mb">
                            <select class="form-control ">
                                <option selected="" />Phổ Biến
                                <option />Tăng Dần
                                <option />Giảm Dần
                            </select>
                        </div>
                        <div class="sort-option mr-15 xs-mb">
                            <select class="form-control">
                                <option selected="" />Sao
                                <option />Tăng Dần
                                <option />Giàm Dần
                            </select>
                        </div>
                    </div>
                    @*-------------------------end sort-----------------------*@

                    @*----------------------------detail-------------------------*@
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="list-item-list">
                                @foreach (var item in Model)
                                  {
                                    <div class="clear" style="height: 5px;"></div>
                                    <div class="clear" style="height: 5px;"></div>

                                    <div class="list-item-image">
                                        <div class="image-inner">
                                            <a class="link-image" href="@Url.Action("TripDetails", "Home", new { id = item.TripId })">
                                                <img src="~/Content/frontend/images/list-items/item1.jpg" />
                                                <div class="image-overlay">
                                                    <div class="overlay-content">
                                                        <div class="overlay-icon"><i class="icon_link"></i></div>
                                                    </div><!--/ .extra-content-->
                                                </div><!--/ .image-extra-->
                                            </a>
                                        </div>
                                    </div><!-- end list-item -->
                                    <div class="list-item-label">

                                        <h4 class="list-item-title"><a href="@Url.Action("TripDetails", "Home", new { id = item.TripId })" class="inverse">@item.TourName</a></h4>
                                        <span class="list-item-location"><i class="fa-map-marker mi text-warning"></i>@item.AreaName, Việt Nam</span><br />
                                        <span class="list-item-location"><i class="fa-map-marker mi text-warning"></i>Xuất Phát Tại: @item.DepartmentPlace</span>
                                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                        <span class="list-item-location"><i class="fa-calendar mi text-warning"></i>Ngày Đi: @item.DepartmenTime.ToShortDateString() (@item.Duration Ngày)</span>
                                        <ul class="hotel-facility clearfix">
                                            <li class="hf-internet toptip" title="Internet"></li>
                                            <li class="hf-roomservice toptip" title="Room Service"></li>
                                            <li class="hf-pool toptip" title="Swimming Pool"></li>
                                            <li class="hf-restaurant toptip" title="Restaurant"></li>
                                            <li class="hf-spa toptip" title="Spa"></li>
                                            <li class="hf-parking toptip" title="Parking"></li>
                                            <li class="hf-limousine toptip" title="Limousine"></li>
                                            <li class="hf-fitness toptip" title="Fitness"></li>
                                        </ul>
                                        <div class="clear xss-mb"></div>
                                        <div class="list-item-details">
                                            <div class="clear mt-10"></div>
                                            @item.SmallDecription
                                        </div>
                                        <div class="clear"></div>
                                        <div class="lil-meta">
                                            @*<span class="rating-static rating-30">@item.StarOfTour Điểm</span>*@
                                            <span class="rating-static rating-@(@item.StarOfTour*5)"></span>
                                            
                                            <span class="lil-review ml-10">@item.CountReview Đánh giá</span>
                                           

                                            <a href="#" class="btn ml-20">Mua Ngay</a>
                                            <div class="lil-price">
                                                @item.PriceAdult.ToString("C0")<span>/Người Lớn</span>
                                            </div>
                                        </div>
                                    </div>
                                }
                            </div>
                        </div>
                        @*----------------------------end detail---------------------*@
                    </div>
                    @*----------------------------end detail-------------------------*@
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts {
    <script>
        jQuery(document).ready(function ($) {
            $('.noUiSlider').val([@ViewData["PriceFrom"], @ViewData["PriceTo"]]);
        });
    </script>
}
